<!DOCTYPE html>
<html lang="ch-ZN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>店铺_搜索</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <script src="../../lib/js/flexible.js"></script>
</head>

<body>
  <div id="shop_search" class="app-wrap" v-cloak>
    <div class="shop-i-fixed">
      <!-- 店铺信息 -->
      <div class="shop-i-head">
        <div class="top">
          <div class="top-left">
            <div class="icon-back-product"></div>
            <div class="search">
              <i></i>
              <input type="text" placeholder="9.9时尚秒杀日，限量抢">
            </div>
          </div>
        </div>
      </div>
      <!-- 筛选 -->
      <div class="shop-all-shaixuan">
        <div class="item" :class="{active: shaixuan_type===1}" @click="changeShaixuanType(1)">
          综合
          <i class="down-arr-red"></i>
        </div>
        <div class="item" :class="{active: shaixuan_type===2}" @click="changeShaixuanType(2)">
          销量
        </div>
        <div class="item" :class="{active: shaixuan_type===3}" @click="changeShaixuanType(3)">
          价格
          <div class="arr-group">
            <i class="up-arr-gray"></i>
            <i class="down-arr-gray"></i>
          </div>
        </div>
        <div class="item" :class="{active: shaixuan_type===4}" @click="changeShaixuanType(4)">
          店铺
        </div>
        <div class="item" :class="{active: shaixuan_type===5}" @click="changeShaixuanType(5)">
          筛选<i class="shaixuan"></i>
        </div>
      </div>
    </div>

    <!-- 店铺列表 -->
    <div class="shop-list bg-gary">
      <div class="shop-item p-30" v-for="item in shop_list">
        <div class="shop-info">
          <div class="shop-img">
            <img :src="item.shop_img">
          </div>
          <div class="shop-name">
            <p class="name">{{item.shop_name}}</p>
            <p class="location">{{item.shop_location}}</p>
          </div>
        </div>
        <div class="pro-list">
          <div class="pro-item" v-for="pro in item.pro_list">
            <img :src="pro.img">
            <p class="sellprice">￥{{pro.sellprice}}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/fastclick.js"></script>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="http://mockjs.com/dist/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    shop_search();
  </script>
</body>

</html>